extend ./layout/default

block title 
  title Koa douban 首页
block content
  include ./include/header
  style.
    .mt20 {
      margin-top: 1.25rem;
    }
    .card-text {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      font-size: 0.85rem;
    }
  .container.mt20
    .row
      .col-md-2
        div.card
          img(src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2519070834.webp", alt="card img",
          data-video="http://vt1.doubanio.com/201807141649/3127a396acee4295ad10543065f53b92/view/movie/M/402330315.mp4").card-img-top
          div.card-body
            h6.card-title 我不是药神
            p.card-text 普通中年男子程勇（徐峥 饰）经营着一家保健品店，失意又失婚。不速之客吕受益（王传君 饰）的到来，让他开辟了一条去印度买药做“代购”的新事业，虽然困难重重，但他在这条“买药之路”上发现了商机，一发不可收拾地做起了治疗慢粒白血病的印度仿制药独家代理商。赚钱的同时，他也认识了几个病患及家属，为救女儿被迫做舞女的思慧（谭卓 饰）、说一口流利“神父腔”英语的刘牧师（杨新鸣 饰），以及脾气暴烈的“黄毛”（章杰 饰），几个人合伙做起了生意，利润倍增的同时也危机四伏。程勇昔日的小舅子曹警官（周一围 饰）奉命调查仿制药的源头，假药贩子张长林（王砚辉 饰）和瑞士正牌医药代表（李乃文 饰）也对其虎视眈眈，生意逐渐变成了一场关于救赎的拉锯战。 
          div.card-footer
            small 上映日期: 2018-07-05(中国大陆)
      .col-md-2
        div.card
          img(src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2526297221.webp", alt="card img",
          data-video="http://vt1.doubanio.com/201807141725/c8b545070cd8d62a76e14b8635e36d65/view/movie/M/402330091.mp4").card-img-top
          div.card-body
            h6.card-title 邪不压正
            p.card-text 七七事变前夕，华裔青年小亨德勒（彭于晏 饰）从美国远赴重洋，回到阔别十数年之久的北平从医。然而他真正的名字叫李天然，十三岁那年曾亲眼目睹师父一家遭师兄朱潜龙（廖凡 饰）和日本人根本一郎（泽田谦也 饰）灭门。侥幸逃生的天然被美国人亨德勒医生送往大洋彼岸，接受了极其严苛的训练，而今他怀着绝密的任务踏上故土。亨德勒父子租住神秘男子蓝青峰（姜文 饰）的宅子，蓝是当年辛亥革命的参与者，他与现为警察局长的朱潜龙过从甚密，却又以杀死李天然为筹码，暗中怂恿朱除掉根本一郎。复仇心切的李天然寻找到了仇人，而亨德勒医生则全力阻止养子冒险。在这一过程中，交际花唐凤仪（许晴 饰）与裁缝关巧红（周韵 饰）也卷入了男人的勾心斗角的漩涡里。直到七七事变爆发，所有的矛盾迎来了决断的时刻…… 
          div.card-footer
            small 上映日期: 2018-07-13(中国大陆)
      .col-md-2
        div.card
          img(src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2526767688.webp", alt="card img", 
          data-video="http://vt1.doubanio.com/201807141725/8b2b9bcc11fc1f3aa220814096bb0020/view/movie/M/402330378.mp4").card-img-top
          div.card-body
            h6.card-title 小悟空
            p.card-text 大森原本是一只动物园里的金丝猴，他梦想自己有一天能成为——齐天大圣孙悟空。 大森与管理员观观有着深厚的友谊，有一天，神秘怪物把观观绑架去了纽约，这背后的原因竟然和几千年前孙悟空师降妖除魔有着莫大的联系。 大森赶到纽约营救观观，发现控制观观的邪恶力量就是孙悟空的手下败将 ——牛魔王 ，如何打败异常强大的牛魔王成了摆在大森和八戒大师、警官阿莫面前的难题，一番极具 困难的考验在等待着大森，大森会成功吗？
          div.card-footer
            small 上映日期: 2018-07-14(中国大陆)
    #myModal.modal.fade(tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true")
      .modal-dialog
        #videoModal.modal-content
  include ./include/script
  script.
    var player = null;
    $(function() {
      $('#myModal').on('hidden.bs.modal', function (e) {
        if (player && player.pause)
          player.pause();
      })
      $('.card-img-top').click(function(e) {
        var video = $(this).data('video');
        var image = $(this).attr('src');
        $('#myModal').modal('show');
        if (!player) {
          player = new DPlayer({
            container: document.getElementById('videoModal'),
            screenshot: true,
            video: {
              url: video,
              pic: image,
              thumbnails: image
            }
          })
        } else {
          player.switchVideo({
            url: video,
            pic: image,
            type: 'auto'
          })
        }
      })
    })